Timed Text


What's that?

Timed text is a method within setTimeout that makes a box start to count. This is you do it!

				
STEP ONE
Leave A Message:
< p >When you click the button, the box will tell you when one, two, three, four, five and finally six seconds have passed.< / p >

STEP TWO
Make The Button:
< button onclick="timedText()">start counting< /button >
< input type="text" id="txt" >

STEP THREE
Activate The Script:
< script >
function timedText() {
    var x = document.getElementById("txt");
    setTimeout(function(){ x.value="1 second fam" }, 1000);
    setTimeout(function(){ x.value="2 seconds :O" }, 2000);
    setTimeout(function(){ x.value="3 whole seconds" }, 3000);
    setTimeout(function(){ x.value="4." }, 4000);
    setTimeout(function(){ x.value="5 seconds now!" }, 5000);
    setTimeout(function(){ x.value="6 seconds we made it" }, 6000);
} < / script >

				
			

 

Code in action!

View at full scale